.banner{width: 100%; height: auto; overflow: hidden; position: relative;}
.banner img{width: 100%; height: auto; position: relative; z-index: 0; display: block;}

.info{font-size: 12px; color: #dfdfdf; width: 100%; height: auto; overflow: hidden; position: relative; padding: 5px 15px; background: #121512; border: 5px solid #000; border-left: 0; border-right: 0;}
.info p{font-size: 12px; color: #dfdfdf; line-height: 20px;}

.list{width: 100%; height: auto; overflow: hidden; position: relative; padding: 15px; background: #121512; font-size: 12px; color: #dfdfdf; line-height: 22px;}
.list.on{padding-bottom: 70px;}
.list h1,.list h2,.list h3{font-weight: normal; font-size: 16px; color: #b1b1b1; line-height: 18px; margin: 5px 0; text-align: center;}
.list h2,.list h3{text-align: left;}
.list h3{font-size: 14px;}
.list p{font-size: 12px; color: #b1b1b1; text-align: justify; line-height: 22px;}
.list p span{float: right;}
.list dl{margin-bottom: 24px; overflow: hidden;}
.list dl dt,.list dl dd{font-size: 12px; color: #b1b1b1; line-height: 18px;}
.list dl dt{margin-bottom: 16px;}
.list dl dd{width: 100%; line-height: 18px; display: block; float: left; overflow: hidden; position: relative; margin-bottom: 2px;}
.list dl dd .time{position: absolute; left: 0; top: 0; line-height: 18px; width: 80px;}
.list dl dd .name{position: relative; width: 100%; padding-left: 80px; line-height: 18px; display: block; float: left;}
.list img{max-width: 100%; height: auto; display: block; margin: 0 0 5px;}

.ticket-list{overflow: hidden;}
.ticket-list li{display: block; width: 100%; height: auto; overflow: hidden; float: left; position: relative; background: #232323;}
.ticket-list .bg{width: 100%; height: auto; position: relative; z-index: 0;}
.ticket-list .bg img{width: 100%; height: auto; display: block;}
.ticket-list h1{position: absolute; left: 15px; top: 10px; color: #fff; font-style: italic; font-size: 24px; font-weight: normal;}
.ticket-list h1 span{font-size: 10px; font-style: normal; color: #777475; margin-left: 5px;}
.ticket-list h2{position: absolute; left: 15px; top: 25%; height: 50%; font-size: 24px; color: #171717; font-style: italic; font-weight: bold;}
.ticket-list p{display: block; font-size: 10px; font-family: 'SimHei'; color: #ccc; position: absolute; padding: 0 15px; left: 0; bottom: 10px; width: 100%;}
.ticket-list p span{margin-right: 5px;}

.ticket-list .btn{position: absolute; z-index: 2; right: 0; top: 0; width: 134px; height: 100%; text-align: center;}
.ticket-list .btn .btn-buy{height: 44px; position: absolute; left: 15px; top: 50%; margin-top: -22px;}
.ticket-list .btn .btn-buy span{display: block; line-height: 44px;}
.ticket-list .btn .btn-play{display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(btn-play.png) no-repeat center center; background-size: auto 100%;}
.ticket-list .btn .btn-play img{height: 100%; width: auto;}

.ticket-list li.li-buy .bg{opacity: 0.3;}
.ticket-list li.li-buy .btn .btn-play,
.ticket-list li.li-active .btn .btn-play,
.ticket-list li.li-play .btn .btn-buy{display: none;}
.ticket-list li.li-active .bg,.ticket-list li.li-play .bg{opacity: 1;}

.pay-disk{position: fixed; display: none; z-index: 10; left: 0; bottom: 0; width: 100%; height: auto; overflow: hidden; border-top: 1px solid #333; background: url(opc8.png); padding: 10px 15px;}
.pay-disk .left-stuff{float: left; width: 50%; height: auto; overflow: hidden;}
.pay-disk .left-stuff .total-prize{width: 100%; height: 100%; line-height: 44px; font-size: 14px; color: #b1b1b1;}
.pay-disk .left-stuff .total-prize span{color: #9ed8f6; font-size: 16px;}
.pay-disk .left-stuff .total-prize b{font-size: 20px;}
.pay-disk .check-line{width: 100%; float: left; line-height: 18px; height: 18px; overflow: hidden; font-size: 14px; color: #a3a3a3;}
.pay-disk .check-line .checkbox{width: 18px; height: 18px; border: 2px solid #989898; float: left; margin-right: 10px;}
.pay-disk .check-line .checkbox.checked span{display: block; float: left; width: 8px; height: 8px; margin: 3px; background: #9ed8f6; border-radius: 1px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.pay-disk .coupon-line{width: 100%; float: left; border: 1px solid #9c9c9c; color: #e9e9e9; font-size: 14px; line-height: 26px; height: 26px; margin-top: 6px; text-align: center; overflow: hidden; background: url(../../images/opc8.png);}
.pay-disk .button{float: right; line-height: 48px;}